<template>
  <div class="index">
    <div>我是首页</div>
    <router-link to="/">跳转到主页面</router-link>
  </div>
</template>
<script>
export default {
  data() {
    return {

    }
  },
  created: function() {
    this.$emit('header', true);
    this.$emit('footer', true);
  }
}

</script>
<style scoped>
.index {
  height: calc(100vh - 160px);
  background: #524540;
  color: tomato;
  font-size: 40px;
}

div {
  padding-top: 20vh;
}

a {
  color: turquoise;
  font-size: 20px;
}

</style>
